body {
  margin: 0;
  padding: 0;
  font-family: sans-serif;
  height: 100%;
}
#root{
  height: 100%;
}

/* 滚动条 */
::-webkit-scrollbar-thumb:horizontal { /*水平滚动条的样式*/
  width: 4px;
  background-color: #CCCCCC;
  -webkit-border-radius: 6px;
}
::-webkit-scrollbar-track-piece {
  background-color: #fff; /*滚动条的背景颜色*/
  -webkit-border-radius: 0; /*滚动条的圆角宽度*/
}
::-webkit-scrollbar {
  width: 10px; /*滚动条的宽度*/
  height: 8px; /*滚动条的高度*/
}
::-webkit-scrollbar-thumb:vertical { /*垂直滚动条的样式*/
  height: 50px;
  background-color: #999;
  -webkit-border-radius: 4px;
  outline: 2px solid #fff;
  outline-offset: -2px;
  border: 2px solid #fff;
}
::-webkit-scrollbar-thumb:hover { /*滚动条的hover样式*/
  height: 50px;
  background-color: #9f9f9f;
  -webkit-border-radius: 4px;
}

.flex-row{
  display: flex;
  flex-direction: row
}
.flex-col{
  display: flex;
  flex-direction: column;
}

.center{
  display: flex;
  -webkit-display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}

.single-hidden{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space:nowrap;
}
.multiple-hidden{
  overflow: hidden;
  /* -webkit-display: box;  2012 旧版本浏览器 */
  display: flex;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}

